<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"  
      xmlns:h="http://java.sun.com/jsf/html"  
      xmlns:f="http://java.sun.com/jsf/core"  
      xmlns:p="http://primefaces.org/ui">  

    <h:head>  
    </h:head>  

    <h:body>  

        <h:form id="frmPrincipal">
            <p:growl id="growl" showDetail="true" />
            <p:panel id="panelPrincipal">

                <p:accordionPanel multiple="true">
                    <p:tab title="DATOS DEL PRESUPUESTO">
                        <h:panelGrid columns="2" cellpadding="2">
                            <h:outputText value="CLIENTE"/>

                            <p:selectOneMenu  id="cliente" value="#{managedBeanPresupuesto.objetoCrear.cliente}" converter="clienteConverter"  
                                              panelStyle="width:300px"      style="width:300px"  filter="true" filterMatchMode="contains"  required="true" >  

                                <f:selectItems value="#{managedBeanCliente.listaItems}" />

                            </p:selectOneMenu>

                        </h:panelGrid>
                    </p:tab>
                    <p:tab title="DATOS TRABAJOS">
                        <p:separator />
                        <p:commandButton value="AGREGAR A LA LISTA" actionListener="#{managedBeanPresupuesto.nuevoTrabajo()}" update=":FormTrabajo" oncomplete="PF('dlgTrabajo').show();"/>
                        <p:separator />
                        <p:dataTable id="tablaTrabajos" var="item" value="#{managedBeanPresupuesto.objetoCrear.trabajoList}" emptyMessage="SIN ELEMENTOS">
                            <p:column headerText="PRODUCTO">
                                <h:outputText value="#{item.producto.descripcion}" />
                            </p:column>
                            <p:column headerText="DESC">
                                <h:outputText value="#{item.descripcioncorta}" />
                            </p:column>
                            <p:column headerText="CANTIDAD">
                                <h:outputText value="#{item.cantidadejemplar}" />
                            </p:column>
                        </p:dataTable>
                    </p:tab>

                </p:accordionPanel>

                <center> <p:commandButton widgetVar="btnGrabar"   value="GRABAR" actionListener="#{managedBeanPresupuesto.crear()}"  update=":frmPrincipal" /></center>

            </p:panel>
            
            
            
            <p:separator />
            
            <p:dataTable var="item" id="TablaDatos" value="#{managedBeanPresupuesto.lista}" >
                <p:column style="width:45px;" headerText="Id">
                    <h:outputText value="#{item.id}" />
                </p:column>

                <p:column headerText="CLIENTE">
                    <h:outputText value="#{item.cliente.apellidos}" />
                </p:column>

                <p:column  style="width:90px;" headerText="FECHA">
                    <h:outputText value="#{item.fechaCreacionUsuario}" >
                        <f:convertDateTime pattern="dd/MM/yyyy" />
                    </h:outputText>
                </p:column>

                <p:column style="width:75px;" headerText="TOTAL">
                    <h:outputText value="#{item.valortotal}" />
                </p:column>
                <p:column style="width:220px;" headerText="VER">
                    <p:commandButton value="VER DETALLES" />
                </p:column>

            </p:dataTable>
            


        </h:form>  


        <h:form id="FormTrabajo">
            <p:growl id="growl" showDetail="true" />
            <p:dialog  resizable="false" width="350px;" id="dialog" header="CREACI?N DE UN NUEVO TRABAJO DE IMPRESI?N" widgetVar="dlgTrabajo" showEffect="fade" hideEffect="fade" modal="true" height="250px;">  
                <p:separator />
                <h:panelGrid id="grid" columns="2" cellpadding="2">

                    <h:panelGrid columns="2" cellpadding="2">
                        <h:outputText value="VENDEDOR"/>

                    <p:selectOneMenu  id="vendedor" value="#{managedBeanVendedor.objeto}" converter="vendedorConverter"  
                                      panelStyle="width:300px"      style="width:300px"  filter="true" filterMatchMode="contains"  required="true" >  

                        <f:selectItems value="#{managedBeanVendedor.listaItems}" />

                    </p:selectOneMenu>
                    
                    
                    
                    <h:outputText value="TIPO DE TRABAJO"/>

                    <p:selectOneMenu  id="tipotrabajo" value="#{managedBeanTipoTrabajo.objeto}" converter="tipoTrabajoConverter"  
                                      panelStyle="width:300px"      style="width:300px"  filter="true" filterMatchMode="contains"  required="true" >  

                        <f:selectItems value="#{managedBeanTipoTrabajo.listaItems}" />
                        <p:ajax update=":FormTrabajo:grid :FormTrabajo:TablaComponentes :FormTrabajo:tabViewComponentes" event="change" listener="#{managedBeanProducto.buscarProductos(managedBeanTipoTrabajo.objeto,managedBeanPresupuesto)}"/>

                    </p:selectOneMenu>

                    
                    <h:outputText value="PRODUCTO"/>

                    <p:selectOneMenu id="selectProducto"  value="#{managedBeanPresupuesto.objetoTrabajo.producto}" converter="productoConverter"  
                                     panelStyle="width:300px"      style="width:300px"  filter="true" filterMatchMode="contains"  required="true" >  

                        <f:selectItems value="#{managedBeanProducto.listaItems}" />
 
                    </p:selectOneMenu>



                    <h:outputText value="DESCRIPCION CORTA"/>
                    <p:inputText value="#{managedBeanPresupuesto.objetoTrabajo.descripcioncorta}"/>
                    <h:outputText value="DESCRIPCION LARGA"/>
                    <p:inputText value="#{managedBeanPresupuesto.objetoTrabajo.descripcionlarga}"/>


                    


                    <h:outputText value="EJEMPLARES"/>
                    <p:inputText size="12" value="#{managedBeanPresupuesto.objetoTrabajo.ejemplares}"/>

                    <h:outputText value="CANTIDAD EJEMPLAR"/>
                    <p:inputText size="12" value="#{managedBeanPresupuesto.objetoTrabajo.cantidadejemplar}"/>
                    </h:panelGrid>
                    

                    <h:panelGrid columns="2" cellpadding="2">
                        
                           <p:tabView>
                    <p:tab title="Impreso I">
                        <h:panelGrid columns="2">

                            <h:outputText  id="txtFormatoImpresion" value="FORMATO DE IMPRESION"/>

                            <p:selectOneMenu   id="tipoFormatoImpresion" value="#{managedBeanFormatoImpresion.objeto}" converter="formatoImpresionConverter"  
                                               panelStyle="width:300px"      style="width:300px"  filter="true" filterMatchMode="contains"  required="true" >  

                                <f:selectItems value="#{managedBeanFormatoImpresion.listaItems}" />
                            </p:selectOneMenu>



                            <h:outputText  value="FORMATO"/>

                            <p:selectOneMenu  id="tipoFormato" value="#{managedBeanFormatoAcabado.objeto}" converter="formatoAcabadoConverter"  
                                              panelStyle="width:300px"      style="width:300px"  filter="true" filterMatchMode="contains"  required="true" >  

                                <f:selectItems value="#{managedBeanFormatoAcabado.listaItems}" />


                            </p:selectOneMenu>

                            <h:outputText  value="TINTAS"/>

                            <p:selectOneMenu  id="tipoTintas" value="#{managedBeanTintas.objeto}" converter="tintasConverter"  
                                              panelStyle="width:300px"      style="width:300px"  filter="true" filterMatchMode="contains"  required="true" >  

                                <f:selectItems value="#{managedBeanTintas.listaItems}" />

                            </p:selectOneMenu>



                            <h:outputText value="TIPO DE PAPEL O SOPORTE "/>

                            <p:selectOneMenu  id="tipoPapel" value="#{managedBeanTipoPapel.objeto}" converter="tipoPapelConverter"  
                                              panelStyle="width:300px"      style="width:300px"  filter="true" filterMatchMode="contains"  required="true" >  

                                <f:selectItems value="#{managedBeanTipoPapel.listaItems}" />

                            </p:selectOneMenu>


                            <h:outputText  value="GRAMAJE"/>

                            <p:selectOneMenu id="gramaje" value="#{managedBeanGramaje.objeto}" converter="gramajeConverter"  
                                             panelStyle="width:300px"      style="width:300px"  filter="true" filterMatchMode="contains"  required="true" >  

                                <f:selectItems value="#{managedBeanGramaje.listaItems}" />
                            </p:selectOneMenu>


                            <h:outputText value="DIMENSIONES"/>

                            <p:selectOneMenu id="tipodimenciones" value="#{managedBeanDimensiones.objeto}" converter="dimensionesConverter"  
                                             panelStyle="width:300px"      style="width:300px"  filter="true" filterMatchMode="contains"  required="true" >  

                                <f:selectItems value="#{managedBeanDimensiones.listaItems}" />

                            </p:selectOneMenu>



                            <h:outputText value="MAQUINA"/>

                            <p:selectOneMenu   id="maquina" value="#{managedBeanMaquina.objeto}" converter="maquinaConverter"  
                                               panelStyle="width:300px"      style="width:300px"  filter="true" filterMatchMode="contains"  required="true" >  

                                <f:selectItems value="#{managedBeanMaquina.listaItems}" />

                            </p:selectOneMenu>




                        </h:panelGrid>
                    </p:tab>
                    <p:tab title="Hoja">
                        <h:panelGrid columns="2" cellpadding="10">
                            <p:graphicImage name="demo/images/godfather/godfather2.jpg" />
                            <h:outputText value="Para las hojas" />
                        </h:panelGrid>
                    </p:tab>
                    <p:tab title="Cubierta">
                        <h:panelGrid columns="2" cellpadding="10">
                            <p:graphicImage name="demo/images/godfather/godfather3.jpg" />
                            <h:outputText value="Para la cubierta..." />
                        </h:panelGrid>
                    </p:tab>
                </p:tabView>
                    
                    
                    
                        <p:tabView id="tabViewComponentes" value="#{managedBeanProducto.getListaComponentesProducto(managedBeanPresupuesto.objetoTrabajo.producto)}" var="listItem">
                        <p:tab title="#{listItem.componente.descripcion}">
                            <h:outputText value= "#{listItem.componente.id}"/>

</p:tab>
</p:tabView>
                    </h:panelGrid>
                        
                        

                </h:panelGrid>
               


             


                <h:outputText value="COMPONENTES"/>

                    <p:dataTable var="itemcomponente" id="TablaComponentes" value="#{managedBeanTrabajo.getListaComponentesTrabajo(managedBeanPresupuesto.objetoTrabajo)}" >
                     

                        <p:column headerText="COD">
                            <h:outputText value="#{itemcomponente.componente.codigo}" />
                        </p:column>

                    <p:column headerText="DESC COMPONENTE">
                        <h:outputText value="#{itemcomponente.componente.descripcion}" />
                    </p:column>
                        
                        <p:column headerText="CANT">
                            <h:outputText value="#{itemcomponente.cantidad}" />
                        </p:column>

                </p:dataTable>
                <p:separator />
                <center> <p:commandButton widgetVar="btnGrabar"  onclick="PF('btnGrabar').disable();" value="GRABAR" actionListener="#{managedBeanPresupuesto.agregarTrabajo()}" oncomplete="PF('dlgTrabajo').hide();" update=":frmPrincipal" /></center>
            </p:dialog>  

        </h:form>

    </h:body>  
</html>
